<!DOCTYPE HTML>
<html>
<meta charset="utf-8"/>
<link href="../Scripts/jquery-ui.css" rel="stylesheet">
    <head>
        <title>注册</title> 
<script type="text/javascript" src="./jquery-3.3.1.min.js"></script>
 

		<style>
		body{
		margin:5px;
		    padding:20px 200px 500px 200px;
		    border-left:10px solid #000000;
			border-right:10px solid #000000;border-top:10px solid #000000;border-bottom:10px solid #000000;
			}
					@font-face
{
	font-family: myFirstFont;
	src: url('JOKERMAN.ttf'),
		url('JOKERMAN.eot'); /* IE9 */
}
		h1{text-align:center;
		display:none;
		   font-family:myFirstFont;}

		.form {
		
		display:none;
       width: 350px;
	   position:absolute;
	   margin-left:13%;
	   margin-top:5%;
	   margin-bottom:5%;
       border:8px solid #000000;
	   border-style:outset;
	   border-radius:15px;
       padding: 20px 20px 20px 20px;} 
	   .p{font-size:10px;
	      height:30px;}
	   .input{height:30px;}
	   .img2{position:absolute;
	         padding: 0px;
	         width:10%;
			 height:20%;}
	   .img3{padding: 0px;
	   position:absolute;
	         padding: 0px;
	        margin-top:20%;
			margin-left:60%;
	         width:10%;
			 height:20%;}
			 .img4{padding: 0px;
	   position:absolute;
	         padding: 0px;
	        margin-top:30%;
			margin-left:40%;
	         width:10%;
			 height:20%;}
			
     </style>
    </head>
    <body>
	<h1 class=h>register your account</h1>
	<div class="imag2"><img class="img2" src="timg2.png"  ></div>
	

	<div class="form">
	
        <form id="usersform" >
            <p><input class="input" type="text" name="user_name1" id="user_name1" placeholder="your first name" maxlength="13" size="35"required="required"></p>
			<span></span>
            <p><input class="input" type="password" name="password1" id="password1" placeholder="your password"maxlength="25" size="35"required="required"></p>
			<span></span>
			<p><input class="input" type="password" name="password2" id="password2" placeholder="please ensure your password" maxlength="25" size="35"required="required"></p>
			<span></span>
            <p><input class="input" type="email" name="user_email" id="user_email" placeholder="your eamil address" size="35"required="required"/></p>
			<span></span>
			<p><input type="submit" name="sign in" value="submit"></p>

        </form></div>
		<div class="imag3"><img class="img3" src="timg2.png"  ></div>
		<div class="imag4"><img class="img4" src="timg2.png"  ></div>
    </body>
</html>

<script src="../Scripts/jquery.js"></script>
<script src="../Scripts/jquery-ui.js"></script>
<script src="../Scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="./index.js"></script>
<script type="text/javascript" src="./ui.js"></script>